@charset "utf-8";
$width: 100%;
$height: 100%;

body{
    min-width: 1280px;
}
#web{
    width: $width;
    height: $height;
}
header{
    width: $width;
}
.top{
    background: #dfdfde;
    height: 40px;
    line-height: 40px;
    .main{
        width: 995px;
        margin: 0 auto;
    }
    a{
        color: #000;
        font-size: 14px;
        margin-left: 25px;
    }
}
nav{
    width: 995px;
    height: 96px;
    margin: 0 auto;
    .logo{
        display: inline-block;
        width: 300px;
        height: 96px;
    }
    ul{
        width: 600px;
        li{
            padding-top: 28px;
            float: left;
            width: 85px;
            height: 95px;
            line-height: 24px;
            text-align: center;
            color: #000000;
            font-weight: bold;
            font-size: 14px;
            box-sizing: border-box;
            a{
                color: #000000;
            }
        }
        li:hover{
            background: #faf8f8;
            border-bottom: 3px solid #3c9cd3;
        }
    }   
}
//轮播
.carou{
    position: relative;
    .point{
        position: absolute;
        left: 45.85%;
        bottom: 28px;
        width: 100px;
        height: 10px;
        li{
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #a3d3e9;
            float: left;
            margin-right: 20px;
        }
        li:last-child{
            margin-right: 0;
        }
    }
    .lb{
        width: $width;
        height: 545px;
        img{
            width: $width;
            height: $height;
        }
        
            
    }
}
//产品介绍
.product{
    width: 979px;
    height: 473px;
    margin: 0 auto;
    margin-top: 72px;
//  border: 1px solid red;
    .item{
        width: 315px;
        height: 473px;
        background: #ffffff;
        box-shadow: 6px 0px 5px #DFDFDE;
//      border: 1px solid;
        .news{
            width: $width;
            height: 167px;
            background: #2395cb;
            position: relative;
            .news_left hr{
                border-top: 2px dashed #cbcbcb;
                width: 270px;
                margin-top: 21px;
            }
            .news_ul{
                margin-left: 20px;
                margin-top: 20px;
                line-height: 2em;
                font-size: 12px;
                white-space: nowrap;
                ul li span{
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        background: skyblue;
                        display: block;
                        float: left;
                        margin-top: 8px;
                        margin-right: 15px;
                }
            }
        }
        .news::after{
            position: absolute;
            bottom: -21px;
            left: 50%;
            margin-left: -21px;
            content: "";
            display: block;/*把行内元素变成块级，行内元素宽高是由内容和边框、padding决定*/
            border-top: 21px #2395cb solid;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
        }
    }
    .item1{
        width: 315px;
        height: 473px;
        background: #ffffff;
//      border: 1px solid;
        box-shadow: 6px 0px 5px #DFDFDE;
        margin-left: 16px;
        .news1{
            width: $width;
            height: 167px;
            background: #3ed1a4;
            position: relative;
            .news1_ul ul li{
                margin-top: 50px;
                margin-left: 12px;
                float: left;
                .tu3{
                    margin-top: 60px;
                }
                .tu4{
                    margin-top: 60px;
                }
                
            }
            p:nth-of-type(1){
                margin-top: 205px;
                text-align: center;
                line-height: 50px;
                color: #2395cb;
            }
            p:nth-of-type(2){
                text-align: center;
            }
        }
        .news1::after{
            position: absolute;
            bottom: -21px;
            left: 50%;
            margin-left: -21px;
            content: "";
            display: block;/*把行内元素变成块级，行内元素宽高是由内容和边框、padding决定*/
            border-top: 21px #3ed1a4 solid;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
        }
    }
    .item2{
        width: 315px;
        height: 473px;
//      background: #ffffff;
//      border: 1px solid;
        box-shadow: 6px 0px 5px #DFDFDE;
        margin-left: 16px;
        .news2{
            width: 100%;
            height: 167px;
            background: #895ea3;
            position: relative;
            .news2_tu2 img:nth-of-type(1){
                margin-top: 50px;
                margin-left: 13px;
            }
            .news2_tu2 img:nth-of-type(2){
                margin-left: 0;
                margin-top: 40px;
            }
            .news2_tu2 span{
                position: absolute;
                top: 390px;
                left: 50px;
                font-size: 12px;
            }
        }
        .news2::after{
            position: absolute;
            bottom: -21px;
            left: 50%;
            margin-left: -21px;
            content: "";
            display: block;/*把行内元素变成块级，行内元素宽高是由内容和边框、padding决定*/
            border-top: 21px #895ea3 solid;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
        }
    }
    hr{
        width: 150px;
        color: white;
    }
}
.item .news .center1,.center2,.center3{
    color: white;
    padding-top: 20px;
}
.news .news_left table{
    margin-top: 50px;
    margin-left: 20px;
    font-weight: bold;
}
//关于我们
.about{
    width: $width;
    height: 456px;
    margin-top: 60px;
//  background: skyblue;
    .about_wo{
        text-align: center;
        #a{
            width: 400px;
            margin: 10px auto;
            
            border-top: 2px solid #c9c9c9;
        }
    }
    .about_bg{
        width: $width;
        height: 343px;
        margin-top: 52px;
        background: url(../img/10.png);
        .about_bg_span .jz1{
            width: 964px;
            text-align: center;
            padding-top: 50px;
            margin: 0 auto;
        }
        .about_bg_span .jz2{
            width: 1000px;
            text-align: center;
            margin: 0 auto;
            line-height: 2em;
        }
        .about_bg_lb{
            width: 1046px;
            height: 167px;
            margin: 20px auto;
            overflow: hidden;
            background: white;
            display: block;
            margin-left: 100px;
            img{
                width: 283px;
                height: 159px;
                margin-left: 20px;
                white-space: normal;
                float: left;
            }
        }
    }
}
//联系我们
.relation{
    width: 1074px;
    height: 424px;
    margin: 52px auto;
    position: relative;
//  background: skyblue;
    .relation_left{
        line-height: 30px;
//      text-align: center;
    }
    .relation_right{
        width: 200px;
        height: 100px;
        position: absolute;
        left: 500px;
        top: 0;
        text-align: left;
        input,textarea{
            border: 1px dashed #d4d2d2;
        }
        tr:nth-child(1) td,tr:nth-child(3) td,tr:nth-child(5) td,tr:nth-child(7) td{
//          line-height: 34px;
            width: 547px;
            height: 42px;
        }
        
        tr:nth-child(even) input,textarea{
            background: #f9f8f8;
        }
        .relation_content{
            resize: none;
        }
        .relation_right_tj{
            width: 94px;
            height: 30px;
            background: #3c9cd3;
            text-align: center;
            display: block;
            line-height: 28px;
            color: white;
        }
    }
}
//页脚
.footer{
    width: $width;
    height: 102px;
    background: #3c9cd3;
    .footer_top p{
            text-align: center;
            padding-top: 20px;
    }
    .footer_nav{
        text-align: center;
        padding-top: 20px;
        a{
            color: white;
        }
    }
    .footer_buttom{
        width: $width;
        height: 35px;
        background: #1c1b29;
        p{
            text-align: center;
            line-height: 35px;
            color: white;
        }
    }
}